<ng-container *ngIf="tagData?.data && tagData?.data?.close">
  <div id="recommend-msg-cls" class="recommend-message" *ngIf="isLogin&&tagData.data">
    <div class="center" *ngIf="tagData.data">
      <div class="label" id='label' [innerHtml]="tagData.data.label | parseStyle"></div>

      <ng-container *ngIf="tagData?.data?.button?.cssStyle==='semicircle'">
        <div class="semicircle-label" appDebounceClick (debounceClick)="go(tagData?.data?.button?.link,tagData?.data?.close)">
          <div class="semicircle-content">
            <ng-container *ngIf="tagData?.data?.close==='true'">
              <img class="semicircle-close-img" [src]="tagData.data.cssStyle" />
            </ng-container>
            <ng-container *ngIf="tagData?.data?.close!=='true'">
              <span class="semicircle-span">{{tagData?.data?.button?.label}}</span>
              <img class="semicircle-img" [src]="tagData.data.cssStyle" />
            </ng-container>
          </div>
        </div>
      </ng-container>

      <ng-container *ngIf="tagData?.data?.button?.cssStyle!=='semicircle'">
        <div class="label2" appDebounceClick (debounceClick)="go(tagData.data.button.link)" *ngIf="tagData.data.button">
          {{tagData.data.button.label}}<span><img [src]="tagData.data.cssStyle" /></span>
        </div>
        <div class="label2" *ngIf="!tagData.data.button" style="background: transparent;margin-left: 0px;"></div>
      </ng-container>
    </div>
    <!-- <div class="imgbg">
      <img src="assets/img/recommend-bg@3x.png" />
    </div> -->
  </div>
</ng-container>

<ng-container *ngIf="!tagData?.data?.close">
  <!--蜂喔1.9.0改动需求 开通转店快服务-->
  <ng-container *ngIf="tagData?.data && tagData.data.cssType==='1'">
    <div class="css1Box" *ngIf="tagData.data" [ngStyle]="tagData.data.boxCssStyle|styleFilter">
      <div class="cssType1" *ngIf="tagData.data" [ngStyle]="tagData.data.cssStyle|styleFilter">
        <div class="labelBox" [ngStyle]="tagData.data.labelBoxCssStyle|styleFilter">
          <span class="label1" [ngStyle]="tagData.data.label1CssStyle|styleFilter">{{tagData.data.label1}}</span>
          <span class="label2" [ngStyle]="tagData.data.label2CssStyle|styleFilter">{{tagData.data.label2}}</span>
          <span class="label3" [ngStyle]="tagData.data.label3CssStyle|styleFilter">{{tagData.data.label3}}</span>
        </div>
        <div class="css1-label" *ngIf="tagData?.data?.button!==undefined"
          appDebounceClick (debounceClick)="go(tagData?.data?.button?.link,tagData?.data?.close)">
          <div class="semicircle-content">
            <span class="css1-span" [innerHtml]='tagData?.data?.button?.label | parseStyle'></span>
            <img class="semicircle-img" [src]="tagData.data.imgUrl"
              onerror="this.src='assets/fw/arrow_right5@3x.png'" />
          </div>
        </div>
      </div>
    </div>
  </ng-container>
  <ng-container *ngIf="tagData?.data && tagData.data.cssType===undefined">
    <!--蜂喔1.9.0 03 直租直售有推荐信息标签-->
    <ng-container *ngIf="tagData.name==='recommendIndexTagCssStyle2'">
      <!-- 蜂喔用户1.9.18 新增 outBoxCssStyle -->
      <div [ngStyle]="tagData?.data?.button?.link?.params?.outBoxCssStyle|styleFilter">
        <div class="recommend-message2" [ngStyle]="tagData?.data?.button?.link?.params?.boxCssStyle|styleFilter"
          *ngIf="isLogin&&tagData.data">
          <!--蜂喔 1.9.18 维保页面新增背景样式-->
          <div class="center" *ngIf="tagData.data"
            [ngStyle]="tagData?.data?.button?.link?.params?.box1CssStyle|styleFilter">
            <div class="leftBox">
              <!--蜂喔1.9.18 hiddenTopTipsIcon 隐藏图标-->
              <img [src]='tagData?.data?.button?.link?.params?.icon' class="topTipsIcon"
                onerror="this.src='assets/fw/topTipsIcon.png'"
                [ngStyle]="tagData?.data?.button?.link?.params?.iconCssStyle|styleFilter"
                *ngIf="tagData?.data?.button?.link?.params?.hiddenTopTipsIcon===undefined" />
              <div class="label" id='label' [innerHtml]="tagData.data.label | parseStyle"></div>
            </div>
            <!--蜂喔用户1.9.18 新增 labelCssStyle -->
            <ng-container *ngIf="tagData?.data?.button?.cssStyle==='semicircle'">
              <ng-container *ngIf="tagData?.data?.button?.link?.params?.labelCssStyle; else elseSpanSemiTemplate">
                <span class="button-lable" appDebounceClick (debounceClick)="go(tagData?.data?.button?.link,tagData?.data?.close)"
                  [ngStyle]="tagData?.data?.button?.link?.params?.labelCssStyle|styleFilter">{{tagData?.data?.button?.label}}</span>
              </ng-container>

              <ng-template #elseSpanSemiTemplate>

                <div class="semicircle-label2" appDebounceClick (debounceClick)="go(tagData?.data?.button?.link,tagData?.data?.close)" [ngStyle]="tagData?.data?.button?.link?.params?.box2CssStyle|styleFilter">
                  <div class="semicircle-content" [ngStyle]="tagData?.data?.button?.link?.params?.contentCssStyle|styleFilter">
                    <ng-container *ngIf="tagData?.data?.close==='true'">
                      <img class="semicircle-close-img" [src]="tagData.data.cssStyle" />
                    </ng-container>
                    <ng-container *ngIf="tagData?.data?.close!=='true'">
                      <span class="semicircle-span margin1" *ngIf="tagData?.data?.button?.label "
                        [ngStyle]="tagData?.data?.button?.link?.params?.labelCssStyle|styleFilter"
                        [innerHtml]='tagData?.data?.button?.label | parseStyle'></span>
                        <img *ngIf="tagData?.data?.button?.link?.params?.img"
                         [src]="tagData?.data?.button?.link?.params?.img" [ngStyle]="tagData?.data?.button?.link?.params?.imgCssStyle|styleFilter">
                    </ng-container>
                  </div>
                </div>
              </ng-template>

            </ng-container>

            <ng-container *ngIf="tagData?.data?.button?.cssStyle!=='semicircle'">
              <div class="label2" appDebounceClick (debounceClick)="go(tagData.data.button.link)" *ngIf="tagData.data.button">
                {{tagData.data.button.label}}<span><img [src]="tagData.data.cssStyle" /></span>
              </div>
              <div class="label2" *ngIf="!tagData.data.button" style="background: transparent;margin-left: 0px;"></div>
            </ng-container>
          </div>
          <!--蜂喔1.9.18 图标样式-->
          <img src="assets/fw/recommend-bg@3x.png" class="bgIcon"
            *ngIf="tagData?.data?.button?.link?.params?.hiddenBgIcon===undefined"
            [ngStyle]="tagData?.data?.button?.link?.params?.bgIconCssStyle|styleFilter" />
        </div>
      </div>
    </ng-container>
    <!--旧版本-->
    <ng-container *ngIf="tagData.name!=='recommendIndexTagCssStyle2'">
      <div class="recommend-message 3" *ngIf="tagData.data" [ngStyle]="tagData.data?.topBgCssStyle|styleFilter">
        <div id="{{recommendBoxId}}" class="center" *ngIf="tagData.data"
          [ngStyle]="tagData.data?.bgCssStyle|styleFilter">
          <div class="label" id='label' [innerHtml]="tagData.data.label | parseStyle"></div>

          <ng-container *ngIf="tagData?.data?.button?.cssStyle==='semicircle'">
            <div class="semicircle-label" appDebounceClick (debounceClick)="go(tagData?.data?.button?.link,tagData?.data?.close)"
              [ngStyle]="tagData?.data?.button?.link?.params?.semicircleLabelCssStyle|styleFilter">
              <div class="semicircle-content"
                [ngStyle]="tagData?.data?.button?.link?.params?.semicircleContentCssStyle|styleFilter">
                <ng-container *ngIf="tagData?.data?.close==='true'">
                  <img class="semicircle-close-img" [src]="tagData.data.cssStyle" />
                </ng-container>
                <ng-container *ngIf="tagData?.data?.close!=='true'">

                  <!--2.0新的样式-->
                  <ng-container
                    *ngIf="tagData?.data?.button?.link?.params?.newStyle!==undefined; else btnNewStyleTemplate">
                    <span class="newStyleLabel" *ngIf="tagData?.data?.button?.link?.params?.newStyleLabel"
                      [ngStyle]="tagData?.data?.button?.link?.params?.newStyleLabelCssStyle|styleFilter">{{tagData?.data?.button?.link?.params?.newStyleLabel}}
                      <img class="newStyleIcon" *ngIf="tagData?.data?.button?.link?.params?.newStyleIcon"
                        [src]="tagData?.data?.button?.link?.params?.newStyleIcon"
                        [ngStyle]="tagData?.data?.button?.link?.params?.newStyleIconCssStyle|styleFilter" />
                    </span>
                  </ng-container>
                  <ng-template #btnNewStyleTemplate>
                    <span class="semicircle-span" [innerHtml]='tagData?.data?.button?.label | parseStyle'></span>
                    <img class="semicircle-img" [src]="tagData.data.cssStyle" />
                  </ng-template>

                </ng-container>
              </div>
            </div>
          </ng-container>


          <ng-container *ngIf="tagData?.data?.button?.cssStyle!=='semicircle'">
            <ng-container
              *ngIf="tagData.data.button&&tagData.data.button.link.params.cssType!==undefined; else btnTemplateElse">
              <div [ngStyle]="tagData.data.button.link?.params?.imgBoxCssStyle|styleFilter">
                <img *ngIf="tagData.data.button.link?.params?.imgUrl" [src]="tagData.data.button.link?.params?.imgUrl"
                  onerror="this.src='assets/fw/expert_icon_chat_location.png'"
                  [ngStyle]="tagData.data.button.link?.params?.imgUrlCssStyle|styleFilter"
                  appDebounceClick (debounceClick)="go(tagData?.data?.button?.link)" />
              </div>
            </ng-container>
            <ng-template #btnTemplateElse>
              <div class="label2" appDebounceClick (debounceClick)="go(tagData.data.button.link)" *ngIf="tagData.data.button">
                {{tagData.data.button.label}}<span><img [src]="tagData.data.cssStyle" /></span>
              </div>
              <div class="label2" *ngIf="!tagData.data.button" style="background: transparent;margin-left: 0px;"></div>
            </ng-template>
          </ng-container>
        </div>
        <div class="bottomImg" *ngIf="tagData.data?.bottomImgUrl"
          [ngStyle]="tagData.data?.bottomImgBoxCssStyle|styleFilter">
          <img src="tagData.data?.bottomImgUrl"
            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1672739579162446620292cd5369fea97ff0e5bed971e.png'"
            [ngStyle]="tagData.data?.bottomImgUrlCssStyle|styleFilter" />
        </div>
      </div>
    </ng-container>


  </ng-container>
</ng-container>